<template>
  <div class="ectSty">
    <div id="main" :style="{ width: '650px', height: '600px' ,padding:'50px'}"></div>

  </div>
</template>

<script>
import * as echarts from "echarts";
import request from "../../utils/request";
export default {
  data() {
    return {
      imageUrl: "",
      usersleg:'',
      pintai:'',
      guanli:''
    };
  },

  mounted() {

request.get('/admin/adminList').then((res)=>console.log(res.rows,'data'))

    let myChart = echarts.init(document.getElementById("main"));


//柱状图
    myChart.setOption({
      title: { text: "门店", 
               },
      tooltip: {
        trigger: "axis",
        axisPointer: {
          type: "shadow"
        }
      },
      xAxis: {
        data: ['Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat', 'Sun']
      },
      yAxis: {},
      color: ["#409EFF"],
      series: [
        {
          name: "利润",
          type: "bar",
            barMaxWidth:'42%',
          label: {
            show: false,
            position: "inside"
          },
          emphasis: {
            focus: "series"
          },
          data: [120, 200, 150, 80, 70, 110, 130]
        },
        

      ],
      legend: {
        data: ["2011年", "2012年"]
      },
      grid: {
        left: "3%",
        right: "4%",
        bottom: "3%",
        containLabel: true
      }
    });
  }
};
</script>

<style  scoped>
/* .ectSty{
  display: flex;
} */
</style>